<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购买预付卡</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.10.1.min.js"></script>
</head>
<body >
<div class="yu_head" style="text-align: center;">
    <span style="float: left; font-size: 28px;">＜ </span> <span> 购买预付卡</span>
</div>
<div class="yuka">
    <label for=""> <input type="text" value="输入扫码预付卡卡号"> <button>搜索</button></label>
</div>


<div class="danju_max yufuka">
    <div class="cont_box editpro_box">
        <div class="da_title box_sd">
            <ul>
                <li>
                    <span>卡号</span> <span>有效期</span>
                    <span>面值</span><span>售价</span>
                </li>
            </ul>

        </div>
        <div class="box_sd content-about">
            <ul>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>

                <li>
                    <span>122355689999999</span> <span>2018-10-10</span>
                    <span>100</span><span>50</span>
                </li>


            </ul>
        </div>
    </div>
</div>



<div class="yufu_fot">
    <div class="yuf_bank"><button style="color: #fff;background-color: #ff5555;">现金</button><button>银联卡</button><button>更多</button></div>

    <div class="daogou">
    <div class="le">
        <input type="checkbox" id="checkbox-2-1" class="regular-checkbox big-checkbox" /><label for="checkbox-2-1"></label><i>打印小票</i>
        <span class="koi"><i>∨</i>导购员</span>

    </div>

      <div class="ri">
         <span class="jik"> 共 <em>0</em> 张 </span>
          <span class="ri_bt">
             <i class="kis">￥0</i>
             <i>确认购买</i>
          </span>
      </div>
    </div>
</div>

</body>
</html>